<!-- target:detail -->
<div class="flex-cont grey-bg" ui="type:m-panel;">

    <div class="detail-title">
        <div class="title-text">${detail.roundName}</div>
        <!-- if:${detail.auditState} == 1 -->
        <div class="title-tip">等待${detail.approval.currentApproverName}处理</div>
        <!-- else -->
        <div class="title-tip">${detail.auditStateDesc}</div>
        <!-- /if -->
    </div>

    <!-- var:contractInfo = ${contractInfo} || ${detail.contractInfo} -->
    <div class="info-part">
        <div class="info-item">
            <div class="info-label">项目模式</div>
            <div class="info-text">${contractInfo.projectPatternDesc}模式</div>
        </div>
        <div class="info-item">
            <div class="info-label">合同编号</div>
            <div class="info-text">${contractInfo.contractNo}</div>
        </div>
        <div class="info-item">
            <div class="info-label">合同名称</div>
            <div class="info-text">${contractInfo.projectName}</div>
        </div>
        <div class="info-item">
            <div class="info-label">合同主体</div>
            <div class="info-text">${contractInfo.contractSubject}</div>
        </div>
        <div class="info-item">
            <div class="info-label">客户名称</div>
            <div class="info-text">${contractInfo.sponsorName}</div>
        </div>
        <div class="info-item">
            <div class="info-label">预订门店</div>
            <div class="info-text">${contractInfo.venueName}-${contractInfo.yardName}</div>
        </div>
        <div class="info-item">
            <div class="info-label">使用时间</div>
            <div class="info-text">${contractInfo.startTime|dateFormat('yyyy-MM-dd HH:mm:ss')}</div>
        </div>
        <div class="info-item">
            <div class="info-label">客户代表</div>
            <div class="info-text">${contractInfo.customerDelegateName}</div>
        </div>
        <div class="info-item">
            <div class="info-label">客户电话</div>
            <div class="info-text">${contractInfo.customerTel}</div>
        </div>
        <div class="info-item">
            <div class="info-label">经办人</div>
            <div class="info-text">${contractInfo.delegateStaffName}</div>
        </div>
        <div class="info-item">
            <div class="info-label">音乐人</div>
            <div class="info-text">${detail.musiciansName}</div>
        </div>
    </div>
    
    <!-- var:contactInfoTarget = ['', 'courtBusinessInfo', 'ticketBusinessInfo', 'businessInfo', 'selfBusinessInfo'][${contractInfo.type}] -->
    <!-- use:${contactInfoTarget} -->
    <!-- use:fileInfo -->
    <!-- use:approvalPeople -->
    <div class="blank-grey"></div>
</div>
<!-- use:comment -->


<!-- target:contactInfo -->
<div class="detail-info info-title">客户信息</div>

<ul class="detail-info info-list">
    <li class="info-item">
        <div class="info-label">主办方：</div>
        <div class="info-text">[${detail.sponsorName}]</div>
    </li>
    <li class="info-item">
        <div class="info-label">联系人：</div>
        <div class="info-text">[${detail.contact}]</div>
    </li>
    <li class="info-item">
        <div class="info-label">联系电话：</div>
        <div class="info-text">[${detail.tel}]</div>
    </li>
</ul>

<!-- target:histories -->
<div class="detail-info info-title">系统信息</div>

<ul class="detail-info info-node">
    <!-- for: ${histories} as ${item} -->
    <li class="node-item">
        <!-- var: staffName = ${item.staffName} ? ${item.staffName} : ${item.creatorName} -->
        <!-- var: operationDesc = ${item.operationDesc} ? ${item.operationDesc} : ${item.operation} -->
        <!-- if: ${item.headPortrait} -->
        <img src="={${item.headPortrait}" alt="">
        <!-- else -->
        <!-- var: name = String.prototype.slice.call(${staffName}, -2) -->
        <div class="head">${name}</div>
        <!-- /if -->
        <div class="text">
            <span class="name">${staffName}</span>
            <span class="operate">${operationDesc}</span>
            <span class="time">${item.ctime|dateFormat('MM-dd HH:mm')}</span>
            <div class="remark">${item.remark}</div>
        </div>
    </li>
    <!-- /for -->
</ul>

<!-- target:comment -->
<!-- var:auditState = ${detail.auditState} !== undefined ? ${detail.auditState} : ${detail.contractInfo.auditState}; -->
<form class="operate-btn-box" name="commentForm">
    <input class="ui-hide" name="id" value="${detail.id}" />
    <input class="ui-hide" name="action" value="" />
    <label ui="type:NS.OrderCommentSave;" class="operate-input">
        <input class="text" type="text" placeholder="请输入" name="actionRemark" />
        <input class="submit-btn" type="button" disabled value="提交"/>
        <div class="btn-items">
            <strong type="text" class="btn-item comment-item" ui="module:${module};action:7">
                <span class="icon"></span>
                <span>评论</span>
            </strong>
        </div>
    </label>
    <div class="operate-btns">
        <!-- if:${detail.approval.isCurrentApprover} -->
            <!-- if:${detail.auditState} === 1 -->
            <strong class="operate-btn refuse-btn" ui="type:mao.ui.ApprovalSubmitBtn;bType:2;cType:2;tip:审批已拒绝">拒绝</strong>
            <strong class="operate-btn agree-btn" ui="type:mao.ui.ApprovalSubmitBtn;bType:2;cType:3;tip:审批已同意">同意</strong>
            <!-- /if -->
        <!-- /if -->
    </div>
</form>

